<template>
  <div class="hsx-in-out-log p15">
   <h3 class="lh40">登录/退出日志</h3>
   <div class="hsx-in-out-log p15 bgc-fff">
      <ShowTable
        :tableData="tableData"
        :selections="selections"
        :lableList="lableList"
        :talLength="talLength"
        :pageSize="pageSize"
        :pageNum="pageNum"
        @getSortableFn="getSortableFn"
      ></ShowTable>
    </div>
  </div>
</template>

<script>
import ShowTable from "../components/table/show-table"
export default {
  name: '',
  data(){
    return {
      tableData:[],
      selections:false,
      lableList:{
        id:'ID',
        n1:'账号',
        n2:'IP',
        n3:'时间',
        n4:'操作',
      },
      talLength:50,
      pageSize:15,
      pageNum:1,
    }
  },
  props:[],
  created(){

  },
  mounted(){

  },
  methods:{
    getSortableFn (e) {
      console.log(e,'表发生的事件')
    }
  },
  components:{
    ShowTable
  },
  computed:{

  },
  watch:{

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='scss' scoped>

</style>
